<template>
	<view class="swiper-wrap">
		<swiper :autoplay="true" :interval="2000" vertical="true" circular>
			<swiper-item v-for="item in options">
				<view class="swiper-item">
					<image :style="size=='sm'?'width:40px;height:40px;':''" :src="item.img" mode="widthFix"></image>
					<text class="line1">{{item.title}}</text>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		props:{
			size:{
				type:String,
				default:""
			}
		},
		data() {
			return {
				options:[
					{
						title:"武**使用积分换购了【启蒙乐器】婴侍卫早教电子琴 多功能儿童益智61键初学者电子琴，节省了300元!",
						img:"https://img.quanminyanxuan.com/service/37f06e619feb4bf881db03c8708a9eeb.jpg"
					},
					{
						title:"马*学使用积分换购了【抽水加热】荣事达简易饮水机 便携式桶装水自动加热抽水器，节省了100元!",
						img:"https://img.quanminyanxuan.com/service/5f05cf06744a401e9bfeacd5fe2b9d53.jpg"
					},
					{
						title:"武**使用积分换购了【启蒙乐器】婴侍卫早教电子琴 多功能儿童益智61键初学者电子琴，节省了300元!",
						img:"https://img.quanminyanxuan.com/service/37f06e619feb4bf881db03c8708a9eeb.jpg"
					},
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.swiper-wrap{
		width: 100%;
		height: 100%;
		swiper{
			width: 100%;
			height: 100%;
		}
		.swiper-item{
			width: 100%;
			display: flex;
			align-items: center;			
			height: 100%;			
			color: #fff;
			font-size: 24rpx;
		}
		image{
			width:70px;
			height: 70px;
			border-radius: 50%;
			margin-right: 10rpx;
		}
		
	}
</style>
